<template>
  <div>
    <div class="xqingtop">
      <xqtop></xqtop>
    </div>
    <div class="xqtit">
      <div class="xqtit_top"></div>
      <div class="xqtit_top2"></div>
      <span class="xqtit_er">概述</span>
    </div>
    <div class="xqer_k">
      <div class="xqer">
        <div class="item">
          <div class="item_le">姓名:</div>
          <div class="item_re">陶世林</div>
        </div>
        <div class="item">
          <div class="item_le">年龄:</div>
          <div class="item_re">22</div>
        </div>
        <div class="item">
          <div class="item_le">现住地:</div>
          <div class="item_re">上海</div>
        </div>
        <div class="item">
          <div class="item_le">资质:</div>
          <div class="item_re">一年</div>
        </div>
        <div class="item">
          <div class="item_le">技术栈:</div>
          <div class="item_re">vue</div>
        </div>
        <div class="item">
          <div class="item_le">专业:</div>
          <div class="item_re">WEB前端开发</div>
        </div>
        <div class="item2">
          <div class="item2_le">经历</div>
          <div class="item2_re">
            <textarea v-model="jl" name="" id="" cols="30" rows="5"></textarea>
          </div>
        </div>
        <!-- a:1 -->
        <!-- <input type="text" :value="a==1?10:a"> -->
         <!-- <div class="item2">
          <div class="item2_le">自我评价</div>
          <div class="item2_re">
            <textarea v-model="jl2" name="" id="" cols="30" rows="5"></textarea>
          </div>
        </div> -->
        <div class="button_bom">
          <buuton v-on:xqnum='xqnum'>
        </buuton>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
import xqtop from "../components/xqtop.vue";
import buuton from "../components/buuton.vue";
import bus from '@/bus.js'

export default {
  data() {
    return {
      jl:'2022.03-至今，在上海优车速派网络科技有限公司1、负责现有项目的维护、更新，以及对新项目的开发2、负责和ui对接、后端对接，对新功能、新需求进行交互实现3、使用常用的ui框架、对页面组件进行交互、优化4、使用封装ajax对后端所请求的数据进行可视化5、使用vue的语法和各种插件，以及数据存储对组件进行高效的实现',
      jl2:'本人能快速适应工作环境，对工作认真细心，喜欢钻研问题，解决问题。具有危机意识，习惯做到万事俱备。为人诚恳，踏实肯干。能自主学习工作相关知识和技术，具有优秀的团队精神、协调能力。习惯总结所学知识，拥有比较良好的自律。',
      a:1
       
    };
  },
  components: {
    xqtop,
    buuton
  },

  created() {
    if(undefined==null){
      console.log('')
    }
  },
  mounted() {},

  methods: {
    xqnum(num){
    this.$emit('xqnum', num)
     bus.$emit('xqnum', num)
    }
  },
};
</script>

<style scoped lang="scss">
.xqingtop {
  width: 100%;
  height: 230px;
  margin: auto;
  // background: #000;
  overflow: hidden;
}
.xqtit {
  width: 90%;
  margin: auto;
  text-align: left;
  margin-top: 10px;

  .xqtit_top {
    width: 60px;
    height: 5px;
    border-radius: 20px;
    background: #ffc107;
  }
  .xqtit_top2 {
    width: 40px;
    height: 5px;
    border-radius: 20px;
    background: #e83e8c;
    margin-top: 5px;
    margin-bottom: 5px;
  }
}
.xqer {
  // width: 90%;
  margin: auto;
  // border-bottom: 1px solid #eee;
  margin-top: 10px;
}
.xqer_k {
  height: calc(100vh - 320px);
  overflow-y: auto;
}
.item {
  width: 90%;
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 40px;
  line-height: 40px;
  border-bottom: 1px solid #eee;
}
.item2{
   width: 90%;
  margin: auto;
  display: flex;
  // align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #eee;
  .item2_le{
    width: 20%;
   text-align: left;
   margin-top:10px ;
   color: #999;
  }
  .item2_re{
  width: 80%;
    textarea{
      width: 100%;
      border: none;
      text-align: left;
    }
  }
}

.item_le {
  width: 20%;
  text-align: left;
  color: #999;
}
.item_re {
  width: 80%;
  text-align: right;
}
.button_bom{
  width: 100%;
 padding-bottom:50px ;
}
</style>
